.compCards {
  .exemples {
    display: grid;
    justify-items: center;
    align-items: center;
    grid-auto-flow: row dense;
    grid-template-columns: repeat(6, 1fr);
    gap: 1vw;

    @media screen and (max-width: 1000px) {
      grid-template-columns: repeat(4, 1fr);
      gap: 2vw;
    }

    @media screen and (max-width: 600px) {
      grid-template-columns: repeat(2, 1fr);
      gap: 4vw;
    }

    .exemple {
      width: 100%;
      height: 12vw;
      display: flex;
      flex: none;
      justify-content: center;
      align-items: center;
      cursor: pointer;

      @media screen and (max-width: 1000px) {
        height: 22vw;
      }

      @media screen and (max-width: 600px) {
        height: 40vw;
      }
    }

  }
}